<template>
  <!-- 使用 Element Plus 的配置提供者来设置全局配置 -->
  <el-config-provider :size="assemblySize" :button="buttonConfig">
    <!-- 路由视图，用于展示动态组件 -->
    <router-view></router-view>
  </el-config-provider>
</template>

<script setup>
import { onMounted, reactive, computed } from "vue"; // Vue Composition API 导入
import { ElConfigProvider } from "element-plus"; // Element Plus 的配置提供者
import { useGlobalStore } from "@/stores/modules/global"; // 全局状态管理 Store
import en from "element-plus/es/locale/lang/en"; // Element Plus 英文语言包
import zhCn from "element-plus/es/locale/lang/zh-cn"; // Element Plus 中文语言包
const globalStore = useGlobalStore(); // 获取全局 Store 实例
// 计算 Element Plus 的尺寸配置
const assemblySize = computed(() => globalStore.assemblySize);

// Element Plus 的按钮配置
const buttonConfig = reactive({ autoInsertSpace: false }); // 配置按钮自动插入空格
</script>